<!DOCTYPE html>
<html lang="ru-RU">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="Trumplin.net Dev Team">
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
	<meta name="HandheldFriendly" content="True">
	<title></title>
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Istok+Web:400,400italic,700,700italic&amp;subset=latin,cyrillic' rel='stylesheet' type='text/css'>
	<link href="/adminarea/css/styles.css" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
	<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>
<script type="text/javascript">
	function handleHeight(){
		var h = $(document).height();
		var h1 = $("#left-sidebar").height(); h=h-40; h1=h1-40;
		if (h<=h1){ $("#main-content").css("height",h1);}else
		{$("#main-content").css("height","100%");}
	}
</script>	
<script type="text/javascript">
	$(function(){
		$("#no-js-warning").addClass("hidden");
		handleHeight();
		var n = navigator.appVersion;		
		var p = n.indexOf("WebKit");
		if (p>=0){ $("div.select-style").addClass("webkiteng");}
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).resize(function(){
			handleHeight();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).keydown(function(){
			handleHeight();
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		$(window).click(function(){
			handleHeight();
		});
	});
</script>
<script>
	$(function(){
		var a = $("span.unread-items-count-text");
		var b = a.parent(); 
		var c = a.text();		
		if ($.trim(c)=="0"){ b.addClass("hidden");}else{
		if ($.trim(c)==""){ b.addClass("hidden"); }}
	});
</script>
<script type="text/javascript">
	$(function(){
		$( "#admin-area-sidebar-nav li a").hover(function() {
			var a = $(this).find("img"); 
			var b = a.attr("class");
			var c = b+"-hovered";
			a.removeClass(b);
			a.addClass(c);
		}, function() {
			var a = $(this).find("img"); 
			var b = a.attr("class");
			var c = b.replace("-hovered","");
			a.removeClass(b);
			a.addClass(c);
		});		
	});
</script>
<script type="text/javascript">
	function resetTableView(){
		$("table.admin-area-table tr.extracted").each(function () {     
			if ($(this).attr("id")){
				$(this).removeClass("extracted");				
			}else{
				$(this).addClass("hidden");
				$(this).removeClass("extracted");				
			}
		});
	}
</script>
<script type="text/javascript">
	$(function(){
		$( "img.eye-action").click(function() {					
			var a = $(this).parent().parent().parent();			
			var b = a.attr("id");
			var c = a.parent();
			var d = c.find("tr."+b);
			if (d.hasClass("hidden")){
				resetTableView();
				d.removeClass("hidden");
				d.addClass("extracted");
				a.addClass("extracted");
			}else{
				d.addClass("hidden");
				d.removeClass("extracted");
				a.removeClass("extracted");
			}
		});		
	});
</script>
<script type="text/javascript">
	$(function(){
		$( "#add-new-promocode").click(function() {
			//get ready all fields
			$("#promocode-popup-content > p").text("Добавить промокод");
			$("input[name=promocode-action]").val("add");
			$("#promocode-popup-add-button").text("Добавить");
			$("input[name=promocode-title]").val("");			
			$("textarea[name=promocode-content]").val("");	
			//
			
			$("#promocode-popup").removeClass("hidden");
			var h = $(window).height(); var w = $("#main-content").width();			
			var h1 = $("#promocode-popup").height(); var w1 = $("#promocode-popup").width();
			var a = $(window).width();
			if (a>=980){				
				var w2 = $("#left-sidebar").width(); w+=40; w2+=40; //40-padding 20px
				$("#promocode-popup").css("top",h/2-h1/2);
				$("#promocode-popup").css("left",(w/2-w1/2)+w2);			
			}else{				
				$("#promocode-popup").css("top",h/2-h1/2);
				$("#promocode-popup").css("left",w/2-w1/2);			
			}			
		});		
	});
</script>
<script type="text/javascript">
	$(function(){
		$( "#close-popup").click(function() {
			$("#promocode-popup").addClass("hidden");
		});		
	});
</script>
<script type="text/javascript">
	$(document).keydown(function(e){			
		if (e.keyCode == 27){
			var a = $("#promocode-popup").hasClass("hidden");	
			if (a == false){$("#promocode-popup").addClass("hidden");}
		}
	});
</script>
<script type="text/javascript">
	$(function(){
		$("#admin-area-promocode-form").validate({
			validClass: "",
			errorClass: "invalid-field",
			highlight: function(element, errorClass, validClass) {
				$(element).addClass(errorClass).removeClass(validClass);
				$(element.form).find("label[for=" + element.name + "]")
				.addClass(errorClass);
			},
			unhighlight: function(element, errorClass, validClass) {
				$(element).removeClass(errorClass).addClass(validClass);
				$(element.form).find("label[for=" + element.name + "]")
				.removeClass(errorClass);
			},			
			rules: {
				// simple rule, converted to {required:true}
				name: "required",
				// compound rule
				email: {
					required: true,
					email: true
				}
			},		
			messages: {
				name: "Please specify your name",
				email: {
					required: "We need your email address to contact you",
					email: "Your email address must be in the format of name@domain.com"
				}
			},
			submitHandler: function(form) {
				//form.submit();
				$(form).ajaxSubmit();
			}
		});
		$( "input[type=text][name=promocode-title]" ).rules( "add", {
			required: true,
			minlength: 3,
			messages: {
				required: "Введите заголовок промокода",
				minlength: jQuery.format("Слишком короткий заголовок")
			}
		});
		$( "textarea[name=promocode-content]" ).rules( "add", {
			required: true,
			minlength: 3,
			messages: {
				required: "Введите содержание промокода",
				minlength: jQuery.format("Слишком короткое содержание")
			}
		});		
	});
</script>
<script type="text/javascript">
	$(function(){
		$( "table.admin-area-table tbody a.single-button").click(function() {			
			var a = $(this).attr("id");
			var b = $(this).attr("data-container");
			var c = $("#"+b+" p.tpromocodename").text();			
			var d = $("table.admin-area-table tbody tr."+b+" p").text();
			
			$("#add-new-promocode").click();
			
			//fill all fields
			$("#promocode-popup-content > p").text("Редактировать промокод");
			$("input[name=promocode-action]").val("edit");
			$("#promocode-popup-add-button").text("Сохранить");
			$("input[name=promocode-title]").val(c);			
			$("textarea[name=promocode-content]").val(d);									
		});		
	});
</script>
</head>
<body>
	<div id="promocode-popup" class="hidden">
		<div id="promocode-popup-inner">
			<div id="promocode-popup-inner-header">
				<img id="close-popup" src="/adminarea/img/icon.png">
			</div>
			<form id="admin-area-promocode-form" enctype="multipart/form-data" action="" method="get" name="admin-area-promocode-form">
				<div id="promocode-popup-content">				
					<p>Добавить промокод</p>
					<div id="promocode-popup-content-inner">				
						<input type="hidden" name="promocode-action" value="add">
						<input type="text" name="promocode-title" placeholder="Название промокода" class="text-field">
						<textarea name="promocode-content" placeholder="Описание промокода" class="text-area"></textarea>
					</div>
					<div class="clear"></div>
				</div>
				<div id="promocode-popup-inner-footer">
					<button id="promocode-popup-add-button" class="single-button">Добавить</button>
				</div>
			</form>
		</div>
	</div>
	<div id="wrapper">
		<div id="no-js-warning"><p>Внимание! Ваш браузер не поддерживает JavaScript либо данная возможность отключена. Настоятельно рекомендуется исправить ситуацию для корректного отображения сайта.</p></div>
		<div id="left-sidebar">
			<a href="http://towing.su"><img id="logo" src="/adminarea/img/adminlogo.png" alt="Главная" title="Главная"></a>
			<ul id="admin-area-sidebar-nav">
				<li>
					<a href="/adminarea/index.html"><img class="icon-1" src="/adminarea/img/icon.png"><span>Главная</span></a><span class="unread-items"><span class="unread-items-count"><span class="unread-items-count-text">1</span></span></span>
				</li>
				<li>
					<a href="/adminarea/news.html"><img class="icon-2" src="/adminarea/img/icon.png"><span>Новости</span></a>
				</li>				
				<li>
					<a href="/adminarea/statistics.html"><img class="icon-3" src="/adminarea/img/icon.png"><span>Расходы пользователей</span></a>
				</li>
				<li>
					<a href="/adminarea/promocodes.html" class="active-item"><img class="icon-4" src="/adminarea/img/icon.png"><span>Промокоды</span></a>
				</li>
				<li>
					<a href="/adminarea/usersfunds.html"><img class="icon-5" src="/adminarea/img/icon.png"><span>Пополнения счета</span></a>
				</li>
				<li>
					<a href="/adminarea/users.html"><img class="icon-6" src="/adminarea/img/icon.png"><span>Пользователи</span></a>
				</li>
				<li>
					<a href="/adminarea/cities.html"><img class="icon-7" src="/adminarea/img/icon.png"><span>Города</span></a>
				</li>
				<li>
					<a href="/adminarea/?logout"><img class="icon-8" src="/adminarea/img/icon.png"><span>Выйти</span></a>
				</li>
			</ul>
			<div class="clear"></div>
			<p id="admin-area-sidebar-balance">На Вашем балансе <span>$242,45</span></p>			
		</div>
		<div id="main-content">
			<h1>Промокоды</h1>
			<div id="add-new-promocode-outer"><a id="add-new-promocode" class="single-button" href="#">Добавить промокод</a></div>
			<p>На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее. На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее.</p>			
			<div id="content-inner">
				<table class="admin-area-table">
					<thead>
						<tr>								
							<th><div class="title large-cell"><p>Наименование</p></div></th>
							<th><div class="title mid-cell"><p>Дата добавления</p></div></th>
							<th><div class="title"><img class="eye-action-head" src="/adminarea/img/icon.png"></div></th>
						</tr>
					</thead>
					<tbody>
						<tr id="table-row-0">								
							<td><div class="cell large-cell"><p class="tpromocodename">Lorem Ipsum</p></div></td>
							<td><div class="cell mid-cell"><p>07.02.2014</p></div></td>								
							<td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
						</tr>
						<tr class="hidden table-row-0">
							<td colspan="3">
								<div class="extended-row-inner row-full-length">
									<div class="extended-row-inner-content">
										<div class="message-content">
											<p>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.. Здесь ваш текст..</p>
										</div>											
									</div>
									<div class="extended-row-inner-footer">
										<a class="single-button" href="#" id="promocode-id-17829" data-container="table-row-0">Редактировать</a>
									</div>
								</div>
							</td>
						</tr>
						
						<tr id="table-row-1">								
							<td><div class="cell large-cell"><p class="tpromocodename">Lorem Ipsum1 , Lorem Ipsum2</p></div></td>
							<td><div class="cell mid-cell"><p>29.03.2014</p></div></td>								
							<td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
						</tr>
						<tr class="hidden table-row-1">
							<td colspan="3">
								<div class="extended-row-inner row-full-length">
									<div class="extended-row-inner-content">
										<div class="message-content">
											<p>Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения.</p>
										</div>											
									</div>
									<div class="extended-row-inner-footer">
										<a class="single-button" href="#" id="promocode-id-18829" data-container="table-row-1">Редактировать</a>
									</div>
								</div>
							</td>
						</tr>
						
						<tr id="table-row-2">								
							<td><div class="cell large-cell"><p class="tpromocodename">Lorem Ipsum3</p></div></td>
							<td><div class="cell mid-cell"><p>16.04.2014</p></div></td>								
							<td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
						</tr>
						<tr class="hidden table-row-2">
							<td colspan="3">
								<div class="extended-row-inner row-full-length">
									<div class="extended-row-inner-content">
										<div class="message-content">
											<p>За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые - намеренно (например, юмористические варианты).</p>
										</div>											
									</div>
									<div class="extended-row-inner-footer">
										<a class="single-button" href="#" id="promocode-id-48829" data-container="table-row-2">Редактировать</a>
									</div>
								</div>
							</td>
						</tr>
						
						<tr id="table-row-3">								
							<td><div class="cell large-cell"><p class="tpromocodename">Lorem Ipsum4</p></div></td>
							<td><div class="cell mid-cell"><p>25.12.2014</p></div></td>								
							<td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
						</tr>
						<tr class="hidden table-row-3">
							<td colspan="3">
								<div class="extended-row-inner row-full-length">
									<div class="extended-row-inner-content">
										<div class="message-content">
											<p>Hello!</p>
											<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
										</div>											
									</div>
									<div class="extended-row-inner-footer">
										<a class="single-button" href="#" id="promocode-id-36545" data-container="table-row-3">Редактировать</a>
									</div>
								</div>
							</td>
						</tr>
							
						<tr id="table-row-4">								
							<td><div class="cell large-cell"><p class="tpromocodename">Яндекс.Остров</p></div></td>
							<td><div class="cell mid-cell"><p>11.04.2014</p></div></td>								
							<td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
						</tr>
						<tr class="hidden table-row-4">
							<td colspan="3">
								<div class="extended-row-inner row-full-length">
									<div class="extended-row-inner-content">
										<div class="message-content">
											<p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь.</p>
										</div>											
									</div>
									<div class="extended-row-inner-footer">
										<a class="single-button" href="#" id="promocode-id-34545" data-container="table-row-4">Редактировать</a>
									</div>
								</div>
							</td>
						</tr>
							
					</tbody>
				</table>				
			</div>
		</div>
	</div>
</body>
</html>